<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>酷玩帮</title>
    <link rel="icon" href="images/favicon.ico">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/cool.css">
    <script src="js/cool.js"></script>
</head>
<body>
<!--黑色导航-->
<div class="nav">
    <div class="wrapper">
        <div class="nav_left">
            <div class="logo">

            </div>
            <div class="mobile">
                <a href="#"><i></i>客户端</a>
            </div>
            <ul class="nav_list">
                <li><a href="#">资讯</a></li>
                <li><a href="#">论坛</a></li>
                <li>
                    <a href="#">板块</a>
                    <div class="hidden_3">
                        <dl>
                            <dt>小米手机 &gt;</dt>
                            <dd>
                                <ul style="padding-left:20px;">
                                    <li><a href="#">小米8/8 SE</a></li>
                                    <li><a href="">小米6/6X</a></li>
                                    <li><a href="">小米5/5X/5c/5s</a></li>
                                    <li><a href="">小米Note 3</a></li>
                                    <li><a href="">小米MIX 2S</a></li>
                                    <li><a href="">小米Max3</a></li>
                                </ul>
                            </dd>
                        </dl>
                        <dl>
                            <dt>红米手机 &gt;</dt>
                            <dd>
                                <ul style="padding-left:20px;">
                                    <li><a href="http://bbs.xiaomi.cn/f-360">红米Note 5/5A</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-361">红米6/6A/6 Pro/S2</a></li>
                                </ul>
                            </dd>
                        </dl>
                        <dl>
                            <dt>电视盒子 &gt;</dt>
                            <dd>
                                <ul style="padding-left:20px;">
                                    <li><a href="http://bbs.xiaomi.cn/f-9">小米电视</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-364">小米盒子</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-480">小米音箱</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-354">小米路由器</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-358">小米平板</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-450">小米笔记本</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-459">小米VR</a></li>
                                </ul>
                            </dd>
                        </dl>
                        <dl>
                            <dt>智能硬件 &gt;</dt>
                            <dd>
                                <ul style="padding-left:20px;">
                                    <li><a href="http://bbs.xiaomi.cn/f-362">小米手环</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-452">小米出行</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-456">小方智能摄像机</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-479">米兔积木机器人</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-368">移动电源</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-427">米家互联网空调</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-499">黑鲨游戏手机</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-455">无人机/小相机</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-431">净水器/滤水壶</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-367">小米耳机</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-363">智能家庭</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-10">空气净化器</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-454">米兔儿童手表</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-469">扫地机器人</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-457">电饭煲</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-483">记录仪/后视镜</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-471">米兔智能故事机</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-439">九号平衡车/Plus</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-417">体重秤</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-379">小蚁相机/摄像机</a></li>


                                </ul>
                            </dd>
                        </dl>
                        <dl>
                            <dt>MIUI &gt;</dt>
                            <dd>
                                <ul style="padding-left:20px;">
                                    <li><a href="http://bbs.xiaomi.cn/f-390">MIUI米柚</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-391">刷机天地</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-394">软件/游戏/壁纸</a></li>
                                </ul>
                            </dd>
                        </dl>
                        <dl>
                            <dt>活动 &gt;</dt>
                            <dd>
                                <ul style="padding-left:20px;">
                                    <li><a href="http://bbs.xiaomi.cn/f-382">同城会</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-410">校园俱乐部</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-393">小米摄影馆</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-392">小米众测</a></li>
                                </ul>
                            </dd>
                        </dl>
                        <dl>
                            <dt>游戏 &gt;</dt>
                            <dd>
                                <ul style="padding-left:20px;">
                                    <li><a href="http://bbs.xiaomi.cn/f-465">剑侠世界2</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-464">小米超神</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-463">小米枪战</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-481">小米赛车</a></li>
                                </ul>
                            </dd>
                        </dl>
                        <dl>
                            <dt>综合 &gt;</dt>
                            <dd>
                                <ul style="padding-left:20px;">
                                    <li><a href="http://bbs.xiaomi.cn/f-6">小米动态</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-389">米粉杂谈</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-397">米粉达人</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-17">问题反馈</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-482">小米有品</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-494">米车生活</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-489">小爱同学</a></li>
                                    <li><a href="http://bbs.xiaomi.cn/f-400">申请特殊组</a></li>
                                </ul>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li><a href="#">酷玩帮</a></li>
                <li><a href="#">摄影馆</a></li>
                <li><a href="#">橙色跑</a></li>
                <li><a href="#">同城会</a></li>
                <li><a href="#">小米商城</a></li>
                <li><a href="#">更多</a>
                    <div class="hidden_2">
                        <ul>
                            <li><a href="#" >校园俱乐部</a></li>
                            <li><a href="#" >任务</a></li>
                            <li><a href="#">ROM</a></li>
                            <li><a href="#">VIP认证</a></li>
                            <li><a href="#" >学院</a></li>
                            <li><a href="#" >刷机频道</a></li>
                            <li><a href="#" >售后服务</a></li>
                        </ul>
                    </div>
                </li>
                <li class="more"><a href="#"></a></li>
                <li class="search"><a href="#"></a></li>
                <li class="edit"><a href="#"></a></li>
            </ul>
        </div>
        <div class="nav_right">
            <ul>
                <li><a href="#">登录 &nbsp;|</a></li>
                <li><a href="#">&nbsp;&nbsp;注册</a></li>
            </ul>
        </div>
    </div>
</div>
<!--黑色导航结束-->
<!--白色导航开始-->
<div class="white_nav">
    <div class="wrapper">
        <div class="left">
            <a href="">
                <img src="images/hd_logo.png" alt="">
            </a>
        </div>
        <div class="right">
            <a href="#">讨论区</a>
            <a href="#">关于</a>
        </div>
    </div>
</div>
<!--白色导航结束-->
<div class="img">
    <img src="images/img01.jpg">
</div>
<!--主体内容开始-->
<div class="container">
    <div class="wrapper">
        <h2 class="title">最新酷玩体验</h2>
        <div class="content">
            <ul>
                <li>
                    <a href="#">
                        <img src="images/fresh01.jpg" alt="">
                    </a>
                    <div class="detail">
                        <ul class="detail_ul">
                            <li class="detail_title">
                                <a href="#">老板金典时尚侧吸式烟灶套装</a>
                                <p class="desc">侧吸油烟机(1)超吸力黑洞；(2)360°暴风拢烟； <br/>
                                    (3)420Pa大静压强劲排烟；(4)25°倾角，人性化防撞头设计；(5)三重防护内腔免拆洗；(6)阿里智能远程控制。五星炙火灶(1)黑晶防爆玻璃面板；(2)五星火燃烧系统；(3)4.2kW炙焰猛火；(4)多段火力，煎炸烹煮样样在行；(5)七道检验，不容产品有一点瑕疵。</p>
                                <div class="count">
                                    <dl>
                                        <dt class="num">5</dt>
                                        <dd>体验名额</dd>
                                    </dl>
                                    <dl>
                                        <dt class="num">571</dt>
                                        <dd>已报名人数</dd>
                                    </dl>
                                    <dl>
                                        <dt class="num">0.01</dt>
                                        <dd>体验价格</dd>
                                    </dl>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <p class="hidden_1">立即报名</p>

                </li>
                <li>
                    <a href="#">
                        <img src="images/fresh02.jpg" alt="">
                    </a>
                    <div class="detail" >
                        <ul class="detail_ul">
                            <li class="detail_title">
                                <a href="#">山灵M0无损音乐播放器</a>
                                <p class="desc">侧吸油烟机(1)超吸力黑洞；(2)360°暴风拢烟； <br/> (3)420Pa大静压强劲排烟；(4)25°倾角，人性化防撞头设计；(5)三重防护内腔免拆洗；(6)阿里智能远程控制。五星炙火灶(1)黑晶防爆玻璃面板；(2)五星火燃烧系统；(3)4.2kW炙焰猛火；(4)多段火力，煎炸烹煮样样在行；(5)七道检验，不容产品有一点瑕疵。</p>
                                <div class="count">
                                    <dl>
                                        <dt class="num">5</dt>
                                        <dd>体验名额</dd>
                                    </dl>
                                    <dl>
                                        <dt class="num">571</dt>
                                        <dd>已报名人数</dd>
                                    </dl>
                                    <dl>
                                        <dt class="num">0.01</dt>
                                        <dd>体验价格</dd>
                                    </dl>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <p class="hidden_1">立即报名</p>

                </li>
                <li>
                    <a href="#">
                        <img src="images/fresh03.jpg" alt="">
                    </a>
                    <div class="detail" >
                        <ul class="detail_ul">
                            <li class="detail_title">
                                <a href="#">机器岛多感官启蒙点读派</a>
                                <p class="desc">侧吸油烟机(1)超吸力黑洞；(2)360°暴风拢烟； <br/> (3)420Pa大静压强劲排烟；(4)25°倾角，人性化防撞头设计；(5)三重防护内腔免拆洗；(6)阿里智能远程控制。五星炙火灶(1)黑晶防爆玻璃面板；(2)五星火燃烧系统；(3)4.2kW炙焰猛火；(4)多段火力，煎炸烹煮样样在行；(5)七道检验，不容产品有一点瑕疵。</p>
                                <div class="count">
                                    <dl>
                                        <dt class="num">5</dt>
                                        <dd>体验名额</dd>
                                    </dl>
                                    <dl>
                                        <dt class="num">345</dt>
                                        <dd>已报名人数</dd>
                                    </dl>
                                    <dl>
                                        <dt class="num">234</dt>
                                        <dd>体验价格</dd>
                                    </dl>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <p class="hidden_1">立即报名</p>

                </li>
            </ul>
        </div>
        <div style="clear: both"></div>
        <div class="product">
            <h2 class="title">小米酷玩新品</h2>
            <div class="pro_content">
                <ul>
                    <li>
                        <img src="images/p1.jpg" alt="">
                        <p class="pro_t">小米无人机</p>
                        <p class="pro_d">探索触手可及的新视角</p>
                        <p class="hidden_1"><i class="hide_search"></i>查看详情</p>
                    </li>
                    <li >
                        <img src="images/p2.png" alt="">
                        <p class="pro_t">小米VR眼镜</p>
                        <p class="pro_d">内置独立运动传感器，硬件级加速抗眩晕</p>
                        <p class="hidden_1"><i class="hide_search"></i>查看详情</p>
                    </li>
                    <li >
                        <img src="images/p3.jpg" alt="">
                        <p class="pro_t">米兔积木机器人</p>
                        <p class="pro_d">978个零件，享受挑战双手的乐趣</p>
                        <p class="hidden_1"><i class="hide_search"></i>查看详情</p>
                    </li>
                    <li >
                        <img src="images/p4.jpg" alt="">
                        <p class="pro_t">米家空气净化器Pro</p>
                        <p class="pro_d">澎湃动力，净化能力更快更强</p>
                        <p class="hidden_1"><i class="hide_search"></i>查看详情</p>
                    </li>
                    <li >
                        <img src="images/p5.jpg" alt="">
                        <p class="pro_t">米家小白智能摄像机</p>
                        <p class="pro_d">为陪伴而来，坚守家的每个瞬间</p>
                        <p class="hidden_1"><i class="hide_search"></i>查看详情</p>
                    </li>
                    <li >
                        <img src="images/p6.jpg" alt="">
                        <p class="pro_t">米家压力IH电饭煲</p>
                        <p class="pro_d">智能烹饪|压力 IH 加热 |灰铸铁粉体涂层内胆|3L 容量</p>
                        <p class="hidden_1"><i class="hide_search"></i>查看详情</p>
                    </li>
                </ul>
            </div>
        </div>
        <div style="clear: both"></div>
        <div class="article">
            <h2 class="title">小米资讯<a class="more">查看更多>></a> </h2>
            <div class="art_content">
                <ul>
                    <li>
                        <img src="images/c1.jpg" alt="">
                        <div class="about">
                            <a href="#">广州女子图鉴 新晋“City”Girl </a>
                            <p class="date">2018-08-06</p>
                            <p class="date">手握方向盘，眺望远方，速度带给我的快感，真实又完美。的确，新晋City Girl如我，就应该像锋范City，回归初心，保持真我，才能Light My Life。</p>
                        </div>
                    </li>
                    <li>
                        <img src="images/c2.jpg" alt="">
                        <div class="about">
                            <a href="#">和小爱同学做朋友，第六代微软小冰正式发布</a>
                            <p class="date">2018-08-06</p>
                            <p class="date">今天我们找来了一位米粉极客——昊彤同学，他最近也正巧刚购入一台2018款本田锋范。同时我也很好奇，到底缘起何处能让昊彤与本田锋范相遇呢？</p>
                        </div>
                    </li>
                    <li>
                        <img src="images/c3.jpg" alt="">
                        <div class="about">
                            <a href="#">数码极客的痴迷 广汽本田锋范改变了我的生活</a>
                            <p class="date">2018-08-06</p>
                            <p class="date">第六代微软小冰发布会于7月26日在北京798第一车间举行，非常荣幸能够亲临现场体验和见证微软小冰史上最大规模的一次全面升级！</p>
                        </div>
                    </li>
                    <li>
                        <img src="images/c4.jpeg" alt="">
                        <div class="about">
                            <a href="#">强化科技属性 深度体验2018款广汽本田锋范</a>
                            <p class="date">2018-08-06</p>
                            <p class="date">锋范，这个自诞生之日起就颇受年轻消费者追捧的车型，6月刚刚迎来了一次改款。我们找来了一台2018款广汽本田锋范型动版Pro.</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div style="clear: both"></div>
        <div class="report">
            <h2 class="title">最新评测报告<a class="more">查看更多>></a> </h2>
            <div class="rep_content">
                <ul>
                    <li>
                        <a href="#" class="avatar">
                            <img src="images/r1.jpg" alt="">
                        </a>
                        <a href="#" class="name">
                            游手好摄
                            <i></i>
                        </a>
                        <p class="rep_title">【小米众测】爰就戴它，米家定制TS眼镜架测评</p>
                        <p class="rep_desc">时代的改变，让眼镜成为了时尚的一部分。选择一副适合自已的眼镜架，并不仅仅是因为视...</p>
                        <a href="#" class="read">阅读测评></a>
                    </li>
                    <li>
                        <a href="#" class="avatar">
                            <img src="images/r2.jpg" alt="">
                        </a>
                        <a href="#" class="name">
                            天天扫雪
                            <i></i>
                        </a>
                        <p class="rep_title">【小米众测】终于等到你，还好我没放弃！——TS眼镜架测评</p>
                        <p class="rep_desc">“米家定制”是由小米生态链官方品牌“米家”携手行业优秀企业共同打造产品的合作模式...</p>
                        <a href="#" class="read">阅读测评></a>
                    </li>
                    <li>
                        <a href="#" class="avatar">
                            <img src="images/r3.jpg" alt="">
                        </a>
                        <a href="#" class="name">
                            原来酱紫wow
                            <i></i>
                        </a>
                        <p class="rep_title">【小米众测】TS米家定制眼镜架&amp;防蓝光</p>
                        <p class="rep_desc">对于我们近视的人来说，戴眼镜是极大地痛苦，戴了不美观、不舒服，不戴的话半米之内不...</p>
                        <a href="#" class="read">阅读测评></a>
                    </li>
                    <li>
                        <a href="#" class="avatar">
                            <img src="images/r4.jpg" alt="">
                        </a>
                        <a href="#" class="name">
                            小薇薇
                            <i></i>
                        </a>
                        <p class="rep_title">【小米众测】螨虫杀手？洒哇地咔无线除螨仪简评</p>
                        <p class="rep_desc">相信很多人和小编一样，第一次听到螨虫这样的生物时也一头雾水，事实上由于螨虫实在太...</p>
                        <a href="#" class="read">阅读测评></a>
                    </li>
                    <li>
                        <a href="#" class="avatar">
                            <img src="images/r5.jpg" alt="">
                        </a>
                        <a href="#" class="name">
                            年华nh
                            <i></i>
                        </a>
                        <p class="rep_title">【小米众筹】如丝一般顺滑的雷柏VT950</p>
                        <p class="rep_desc">【小米众筹】如丝一般顺滑的雷柏VT950拿到该产品内心是万分激动的，早已经听闻雷柏在游�...</p>
                        <a href="#" class="read">阅读测评></a>
                    </li>
                    <li>
                        <a href="#" class="avatar">
                            <img src="images/r6.jpg" alt="">
                        </a>
                        <a href="#" class="name">
                            晨之曦cc
                            <i></i>
                        </a>
                        <p class="rep_title">永久摆脱长期佩戴的不适感，米家定制镜架给你一生所爱</p>
                        <p class="rep_desc">电子产品充斥着我们的生活，手机、平板、电脑、电视等产品对于我们的眼睛视力造成的很...</p>
                        <a href="#" class="read">阅读测评></a>
                    </li>
                </ul>
            </div>
        </div>
        <div style="clear: both"></div>
        <div class="what">
            <h2 class="title">什么是酷玩体验<a class="more">查看更多>></a> </h2>
            <div class="what_content">
                <ul>
                    <li>
                        <div class="info_1"></div>
                        <h5 class="t5">酷玩装备免费玩</h5>
                        <span class="what-desc">让米粉不花钱就可以体验到最好玩的酷玩装备</span>
                    </li>
                    <li>
                        <div class="info_2"></div>
                        <h5 class="t5">酷玩装备免费玩</h5>
                        <span class="what-desc">让米粉不花钱就可以体验到最好玩的酷玩装备</span>
                    </li>
                    <li>
                        <div class="info_3"></div>
                        <h5 class="t5">酷玩装备免费玩</h5>
                        <span class="what-desc">让米粉不花钱就可以体验到最好玩的酷玩装备</span>
                    </li>

                </ul>
            </div>
        </div>
    </div>
</div>
<!--主体内容结束-->
<!--页脚开始-->
<div class="footer">
    <div class="wrapper">
        <div class="foot_top">
            <div class="inner">
                <div class="foot_logo"></div>
                <div class="links">
                    <h5 class="foot_t">旗下网站</h5>
                    <a href="#" target="_blank">小米网</a> |
                    <a href="#" target="_blank">小米社区</a> |
                    <a href="#" target="_blank">MIUI</a> |
                    <a href="#" target="_blank">多看阅读</a> |
                    <a href="#" target="_blank">米聊 </a> |
                    <a href="#" target="_blank">小米游戏</a>
                </div>
                <a class="slogan" href="#"><em>小米 为发烧而生</em></a>
            </div>

        </div>
        <div class="icp">京ICP证110507号 京ICP备10046444号 <a href="#" >京公网安备11010802020134号</a></div>
    </div>
</div>
<!--页脚结束-->
</body>
</html>